<template>
	<div class="detail-item">
		<div class="item">
      <div class="title">
        车辆信息
      </div>
      <el-tabs type="card" v-model="other.activeName" @tab-click="handleClick">
        <el-tab-pane label="宝马530运动豪华版" name="0" data-val="1"></el-tab-pane>
        <el-tab-pane label="奔驰c63" name="1" data-val="2"></el-tab-pane>
        <el-tab-pane label="阿斯顿马丁 Rapide 6.0" name="2" data-val="3"></el-tab-pane>
      </el-tabs>
      <div class="detail-item" v-loading="boo.loading" style="margin-bottom: 0;">
        <div class="item_2">
          <div class="list">
            <span>汽车型号：</span>
            <div class="right">
              <span>宝马530运动豪华版</span>
            </div>
          </div>
          <div class="list">
            <span>车牌号：</span>
            <div class="right">
              <span>皖A N7762C</span>
            </div>
          </div>
          <div class="list">
            <span>首次上牌：</span>
            <div class="right">
              <span>2019-07-09</span>
            </div>
          </div>
          <div class="list">
            <span>车辆登记人：</span>
            <div class="right">
              <span>王美凤</span>
            </div>
          </div>
          <div class="list">
            <span>身份证号：</span>
            <div class="right">
              <span>12222222222222222</span>
            </div>
          </div>
          <div class="list">
            <span>发动机编号：</span>
            <div class="right">
              <span>2132131231313122232</span>
            </div>
          </div>
          <div class="list">
            <span>车辆识别代码：</span>
            <div class="right">
              <span>2132131231313122232</span>
            </div>
          </div>
        </div>
        <div class="item_2">
          <div class="list">
            <span>行驶证：</span>
            <div class="right">
              <img class="pic" src="/static/img/u168.png"/> 
              <img class="pic" src="/static/img/u168.png"/> 
            </div>
          </div>
          <div class="list">
            <span>身份证：</span>
            <div class="right">
              <img class="pic" src="/static/img/u168.png"/> 
              <img class="pic" src="/static/img/u168.png"/> 
            </div>
          </div>
        </div>
      </div>
    </div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
        boo: {
          loading: false,
        },
        other: {
          activeName: '',
        },
        params_list: {
          status:''
        }
			}
		},
		mounted(){
      let _self = this
    },
		methods: {
      handleClick(tab, event) {
        let _self = this
        _self.params_list.status = tab.$el['dataset']['val'] || ''
        console.log(_self.params_list.status)
      },
    }
	}

</script>
<style scoped lang="sass">
  /deep/ .el-tabs__nav-scroll
    border-bottom: 1px solid #E4E7ED
    background: #e6f5ff
  /deep/ .el-tabs__item.is-active
    font-weight: 600
  /deep/ .el-tabs__item
    font-size: 14px
    line-height: 40px
    height: 40px
</style>
